<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>后台管理</title>

    <link rel="stylesheet" href="/blog/common/layui/css/layui.css">

    <style>
        .main-content{
            height: 100%;
        }
    </style>
</head>

<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">巾尚京 博客后台</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item"><a href="javascript:;">系统管理</a></li>
            <li class="layui-nav-item"><a href="javascript:;">用户管理</a></li>
            <li class="layui-nav-item"><a href="javascript:;">博客管理</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;">其它系统</a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;">邮件管理</a></dd>
                    <dd><a href="javascript:;">消息管理</a></dd>
                    <dd><a href="javascript:;">授权管理</a></dd>
                </dl>
            </li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <span id="loginUser"><img src="/blog/img/default-head.jpg" class="layui-nav-img">巾尚京</span>
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;">基本资料</a></dd>
                    <dd><a href="javascript:;">安全设置</a></dd>
                    <dd><a id="logout" href="javascript:;" onclick="logout()">注销系统</a></dd>
                </dl>
            </li>
            <!--<li class="layui-nav-item"><a href="javascript:logout();">退出</a></li>-->
            <li class="layui-nav-item"><a href="/servlet/loginOut"></a></li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:;">所有商品</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">列表一</a></dd>
                        <dd><a href="javascript:;">列表二</a></dd>
                        <dd><a href="javascript:;">列表三</a></dd>
                        <dd><a href="javascript:;">超链接</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">解决方案</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">列表一</a></dd>
                        <dd><a href="javascript:;">列表二</a></dd>
                        <dd><a href="javascript:;">超链接</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="javascript:;">云市场</a></li>
                <li class="layui-nav-item"><a href="javascript:;">发布商品</a></li>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div class="main-content" style="padding: 15px;">
            <iframe src="/blog/private/blogEditor.html" frameBorder="0" width="90%" height="100%" scrolling="no"></iframe>
        </div>
    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        © Designed by 巾尚京
    </div>
</div>

<script src="/blog/common/layui/layui.js"></script>

<script >
    // layui内置的jquery模块去除了全局的$和jQuery

    //JavaScript代码区域
    layui.use(['jquery','layer','element'], function () {
        var element = layui.element;
        var $=layui.$,
            layer=layui.layer;

        $(document).ready(function () {
            // get() 方法通过远程 HTTP GET 请求载入信息。这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。
            // 语法$(selector).get(url,data,success(response,status,xhr),dataType)
            $.get("/servlet/getSessionUser",function (data) {
                //转换为json对象
                var json= eval('(' + data + ')');
                if(json.picUrl=="" || json.picUrl==null){
                    $("#loginUser").html("<img src='/blog/img/default-head.jpg' class='layui-nav-img'>"+json.name);
                }else{
                    $("#loginUser").html("<img src='"+json.picUrl+"' class='layui-nav-img'>"+json.name);
                }

            });
        });



    });

    function logout() {
        window.location.href = "/servlet/loginOut";
        // var form=document.forms[0];
        // form.action="/servlet/loginOut";
        // form.submit();

    }





</script>
</body>
</html>